<template>
  <div class="calendar">
    <div class="con-right">
      <!-- <LunarCalendar /> -->
      <Lcalendar />
    </div>
    <div class="con-left">
      <Left />
    </div>
  </div>
</template>

<script>
// import LunarCalendar from '@/views/lunarFullCalendar.vue'
import Left from '@/views/components/left.vue'
import Lcalendar from '@/views/lcalendar.vue'

export default {
  components: {
    // LunarCalendar,
    Lcalendar,
    Left
  }
}
</script>

<style lang="scss" scoped>
.calendar {
  .con-left {
    width: 22%;
    height: 100vh;
  }
  .con-right {
    height: 100vh;
    width: 78%;
    float: right;
    border-left: 1px solid #e2e5f1;
  }
}
</style>
